$line-height-1 : 46upx;
$line-height-2 : 64upx;
$line-height-3 : 80upx;

$font-size-sm : 12upx;
$font-size-lg : 40upx;
$font-size : 14upx;
$font-size-line : 24upx;
$font-size-title : 30upx;
$font-size-title-2 : 36upx;

$color-1 : #1d3eb7;

$font-color-1 :#FFFFFF;
$font-color-2 : #000000;
$font-color-3 : #142b59;
$font-color-4 : #989899;
$font-color-5 : #6492ff;
$font-color-6 : #cecece;

$background-color-1 : #FFFFFF;
$background-color-2 : #efefef;
$background-color-3 : #199309;
$background-color-4 : #626262;
$background-color-5 : #5586ef;

$button-background-color-1: #0b8ebf;

.container-1{
	padding:10upx;
}

.container-2{
	padding:0 10upx;
	margin-top: 10upx;
}

.container-3{
	padding: 0 20upx;
}

.container-4{
	padding: 30upx;
}

.icon-image-size{
	width: 32upx;
	height: 32upx;
}

.medal-image-size{
	width: 36upx;
	height: 36upx;
}

.c-icon-image-size{
	width: 24upx;
	height: 24upx !important;
}

.icon-image-size-full{
	width: 100%;
	height: 100%;
}

.radius-1{
	border-radius: 5px;
}

.radius-2{
	border-radius: 15px;
}

.flex-between{
	display: flex;
	justify-content: space-between;
}

.avatar-image-size{
	width: 120upx;
	height: 120upx;
}

.image-radis{
	border-radius: 50%;
}

.button-line-height{
	height: 80upx;
	line-height: 80upx;
}

.choose-stage {
	line-height: 40upx;
	border: solid 1px #b5b5b5;
	border-radius: 4upx;
	font-size: $uni-font-size-sm;
	text-align: center;
	padding: 2upx 10upx;
	color: #000000;
}

.line-button {
	margin-top: 20px;

	text {
		display: block;
		width: 60%;
		background-color: $button-background-color-1;
		margin: 0 auto;
		text-align: center;
		color: $font-color-1;
		line-height: 80upx;
		height: 80upx;
		border-radius: 10upx;
	}
}